<template>
    <div class="service">
        <NavBar title="服务券" left-arrow @click-left="onClickLeft"></NavBar>
        <div class="fu">
            我的服务券
        </div>
        <div class="tu1">
            <img src="../../../fu1.png" alt="">
            <img src="../../../fu2.png" alt="">
            <img src="../../../fu3.png" alt="">
        </div>
        
    </div>
</template>
<script setup>
import { ref, reactive } from 'vue'
import { NavBar,Tab, Tabs  } from 'vant';
const onClickLeft = () => history.back();
</script>
<style>
.fu{
    border-top: 1px solid #ebedf0;
    padding: 10px;
    font-size: 18px;
    background-color: #fff;
    color: #949597;
}
.tu1 img{
    width: 320px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}
</style>